<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布局标签</title>
	</head>
	<body>
		<div>
			div
		</div>
		<header>
			<nav>
				
			</nav>
		</header>
		<main>
			<section>
				
			</section>
			<section>
				<h2>猜你喜欢</h2>
				<!-- 无序列表   样式相同 文本不同 (文本包含  文字 图片 视频 音频)-->
				<ul>
					<li>ul1</li>
					<li>ul2</li>
					<li>ul3</li>
					<li>ul4</li>
					<li>ul5</li>
					<li>ul6</li>
				</ul>
				<ol>
					<li>ol1</li>
					<li>ol2</li>
					<li>ol3</li>
					<li>ol4</li>
					<li>ol5</li>
					<li>ol6</li>
				</ol>
				<dl>
					<dt>水果</dt>
					<dd>香蕉</dd>
					<dd>苹果</dd>
					<dd>橘子</dd>
					<dt>蔬菜</dt>
					<dd>白菜</dd>
					<dd>芹菜</dd>
					<dd>香菜</dd>
				</dl>
			</section>
		</main>
		<footer>
			
		</footer>
		<img src="../text.jpg" alt="百度" title="百度"  height="200">
		<!-- 
		 绝对
			本地
			网络
		 
		 相对
			写代码的文件 跟图片的文件在同一个文件夹里面  
			当前目录  路径    图片名称   ./图片名称
			下级目录   ./images/图片名称
			上一级目录    ../
		 -->
	</body>
</html>